<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width">
	<title>DataTables</title>
	<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
	<link href="https://cdn.bootcss.com/datatables/1.10.19/css/jquery.dataTables.min.css" rel="stylesheet">
	<script src="https://cdn.bootcss.com/datatables/1.10.19/js/jquery.dataTables.min.js"></script>
</head>
<body>
<table class="data-table">
	<thead>
	<tr>
		<td>名字</td>
		<td>年龄</td>
	</tr>
	</thead>
	<tbody>
	<tr>
		<td>张三</td>
		<td>25</td>
	</tr>
	<tr>
		<td>李四</td>
		<td>26</td>
	</tr>
	<tr>
		<td>王五</td>
		<td>27</td>
	</tr>
	<tr>
		<td>赵六</td>
		<td>28</td>
	</tr>
	<tr>
		<td>陈七</td>
		<td>29</td>
	</tr>
	<tr>
		<td>钱八</td>
		<td>30</td>
	</tr>
	</tbody>
</table>
<script>
  $(function () {
    $(".data-table").DataTable();
    /*    $('.data-table').DataTable({
					//参数设定
					"bPaginate": false, //显示换页
					"searching": false, //显示搜索
					"info": false,  //显示信息
					"fixedHeader": true   //标题置顶
				});*/
  })
</script>
</body>
</html>